<template>
  <div>
    <el-button type="primary" @click="handleView">View</el-button>
    <el-button type="primary" @click="handleView2">View</el-button>
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {
      baseUrl: 'https://vimi8-dev.oss-cn-shenzhen.aliyuncs.com/attachment/',
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    handleView() {
      const baseUrl = this.baseUrl + 'dd9ffced-c10b-41e5-82e3-2a0eccb13a33/'
      const images = [
        `${baseUrl}20210411060534403-s699ar3u.png`,
        `${baseUrl}20210411060521044-s8dk7adr.png`,
        `${baseUrl}20210411054311531-flwfhhk9.jpg`,
      ]
      this.$utils.viewer({
        images,
      })
    },
    handleView2() {
      const baseUrl = this.baseUrl + 'bd9599ed-ec44-4cb0-983b-803d27dc102f/'
      const images = [
        `${baseUrl}20210108171629791-blwg9evr.png`,
        `${baseUrl}20210108171613189-3aumpxeu.jpg`,
        `${baseUrl}20210108171501566-1muua9mn.jpg`,
      ]
      this.$utils.viewer({
        images,
        index: 2,
      })
    },
  },
}
</script>

<style lang="scss" scoped></style>
